import React,{useState} from 'react';
import {useSearchParams} from "react-router-dom";

import './city.css'

function City(props) {
    // 获取SearchParams对象
    let [params] = useSearchParams()
    console.log(params.get('id'))
    const cityList = [
        {
            id:1,
            name:'南京',
            img : 'https://img0.baidu.com/it/u=4198722415,3370146263&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500',
            content: '南京市，简称“宁”，古称金陵、建康 [1]  ，江苏省辖地级市、省会、副省级市、特大城市、南京都市圈核心城市 [2]  ，国务院批复确定的中国东部地区重要的中心城市、全国重要的科研教育基地和综合交通枢纽 [3]  。',
        },
        {
            id:2,
            name:'合肥',
            img : 'https://img0.baidu.com/it/u=958373041,215597967&fm=253&fmt=auto&app=138&f=JPEG?w=450&h=315',
            content: '合肥市，简称“庐”或“合”，古称庐州、庐阳、合淝， [1]  [82-83]  安徽省辖地级市、省会、Ⅰ型大城市，地处安徽中部、江淮之间、长江三角洲西翼，承东启西、连南接北，靠山抱湖、临江近海；西接六安市，北连淮南市，东靠滁州市、马鞍山市和芜湖市，西南邻安庆市、铜陵市；合肥属亚热带季风性湿润气候。',
        },
        {
            id:3,
            name:'杭州',
            img : 'https://img1.baidu.com/it/u=3818216387,3910126368&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=499',
            content: '杭州市，简称“杭”，古称临安、钱塘，浙江省辖地级市、省会、副省级市、特大城市 [5]  ，杭州都市圈核心城市 [157]  ，国务院批复确定的浙江省经济、文化、科教中心，长江三角洲中心城市之一 [1]  [122]  。截至2021年，全市下辖10个市辖区、2个县、代管1个县级市，总面积16850平方千米 [119]  ，常住人口1220.4万人，城镇人口1020.3万人，城镇化率83.6% [148]  。',
        }
    ]
    let city = cityList.find(item=>item.id===parseInt(params.get('id')))
    return (
        <div className='city'>
            <h2>{city.name}</h2>
            <p>{city.content}</p>
            <img src={city.img} alt=""/>
        </div>
    );
}

export default City;
